<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>Deliver-Bolg</title>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link rel="shortcut icon" href="img/Logo-i.png" />
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link href="vendor/bootstrap-3.3.0/css/bootstrap.css" rel="stylesheet" />
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="vendor/animate.css" />
		<link rel="stylesheet" href="vendor/fakeLoader.css" />
		<link rel="stylesheet" href="vendor/animsition.min.css" />
		<link href="css/core.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="" />
		<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="vendor/fakeLoader.min.js"></script>
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body class="animsition">
		<!--IE9一下浏览器提示-->
		<!--[if lt IE 9]>
			<div class="Del-warning" id="DelWarning">
				<div class="warning-center">
					<span class="tips">为了您更好的体验，请使用IE 9及以上的浏览器！</span>
					<span class="close"><i class="fa fa-times"></i></span>
				</div>
			</div>
		<![endif]-->
		<div class="fakeloader" style="background-color: #f9c4fb;"></div>
		<script type="text/javascript">
			$(".fakeloader").fakeLoader({
				timeToHide: 500, //Time in milliseconds for fakeLoader disappear
				zIndex: 99999, // Default zIndex
				spinner: "spinner2" //Options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' 
					//bgColor: "#84ce8b", Hex, RGB or RGBA colors
					//				imagePath: "yourPath/customizedImage.gif" //If you want can you insert your custom image
			});
		</script>
		<!--公共header-->
		<header class="Del-common-header">
			<div class="content">
				<div class="common-header-top">
					<div class="top-logo-img">
						<img src="img/logo1.png" />
					</div>
					<ul class="top-list clearfix">
						<li class="list-item list-rss">
							<a href=""><i class="fa fa-rss"></i></a>
						</li>
						<li class="list-item list-f">
							<a href=""><i class="fa fa-facebook-f"></i></a>
						</li>
						<li class="list-item list-twitter">
							<a href=""><i class="fa fa-twitter"></i></a>
						</li>
					</ul>
				</div>
				<div class="common-header-nav wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
					<ul id="nav-menu" class="nav-menu clearfix">
						<li class="nav-toggle">
							<div id="toggle-icon" class="toggle-icon">
								<i class="fa fa-bars"></i>
								<i class="fa fa-times" style="display: none;"></i>
							</div>
						</li>
						<li class="signin-toggle">
							<a data-sign="0" id="signin-icon" class="user-signin"><i class="fa fa-user"></i></a>
						</li>
						<li class="home-logo">
							<a href="index-Home.html"><span class="text-replace">DELIVER</span></a>
						</li>
					</ul>
					<ul class="nav-list clearfix">
						<li class="list-item">
							<a href="index-Home.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="100">HOME</a>
						</li>
						<li class="list-item">
							<a href="portfolio.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="100">PORTFOLIO</a>
						</li>
						<li class="list-item">
							<a href="about.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="100">ABOUT</a>
						</li>
						<li class="list-item">
							<a href="services.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="100">SERVICES</a>
						</li>
						<li class="list-item">
							<a href="archive.html" class="animsition-link" data-animsition-out="fade-out-right" data-animsition-out-duration="100">ARCHIVE</a>
						</li>
						<li class="list-item">
							<a href="index-blog.html" class="nav-active">BLOG</a>
						</li>
						<li class="list-item">
							<a>OTHER&nbsp;PAGES</a>
						</li>
						<li class="list-item">
							<a href="contact-us.html" class="animsition-link" data-animsition-out="fade-out-left" data-animsition-out-duration="500">CONTACT&nbsp;US</a>
						</li>
						<li class="list-item header-search">
							<form method="get" target="_blank" id="searchform" name="searchform" action="http://www.baidu.com/s">
								<div class="search-input-wrapper">
									<span class="search-icon"><i class="fa fa-search"></i></span>
									<input type="hidden" name="genre" value="">
									<input type="search" class="search-input" id="search-input" name="word" value="" placeholder="输入关键词搜索..." autocomplete="off">
									<button type="submit" class="search-submit" id="search-submit"></button>
								</div>
							</form>
						</li>
					</ul>
				</div>

			</div>
			<div class="common-header-footer">
				<div class="header-footer-text">
					<p class="text">OUR&nbsp;BLOG</p>
				</div>
			</div>
		</header>

		<section class="Del-Bolg-container">
			<div class="Bolg-container-content clearfix">
				<div class="container-content-left wow slideInLeft animated" data-wow-duration="0.5s" data-wow-delay="0.5s">
					<div class="container-page-wrapper">
						<div class="container-show">
							<div class="container-show-box">
								<img width="750" height="400" alt="focus" title="焦点图1" src="img/ar-focus1.jpg" />
								<img width="750" height="400" alt="focus" title="焦点图2" style="display: none;" src="img/ar-focus2.jpg" />
								<img width="750" height="400" alt="focus" title="焦点图3" style="display: none;" src="img/ar-focus3.jpg" />
								<img width="750" height="400" alt="focus" title="焦点图3" style="display: none;" src="img/focus4.jpg" />
							</div>
							<ul id="spot">
								<li class="on"></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
						<div class="content-left-strategy">
							<h4>7 STRATEGIES TO MARKET YOUR BUSINESS ONLINE</h4>
							<ul class="clearfix">
								<li>
									<a href="#">
										<i class="fa fa-calendar"></i> &nbsp;JULY 3,2013
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-user"></i>&nbsp; MICHAEL REIMER
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-bookmark"></i>&nbsp; MARKETING,NEWS
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-commenting"></i> &nbsp;2 COMMENTS
									</a>
								</li>
							</ul>
							<p class="address">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas erat sit amet nisi mattis, sed bibendum quam ultricies. Suspendisse eget auctor quam. Aliquam sapien ante, condimentum quis ipsum quis, scelerisque porta nisl. Nulla facilisi. Maecenas non rutrum felis. Aenean sed felis sit amet nisi feugiat laoreet. Duis sit amet lectus vitae massa laoreet hendrerit. Maecenas tempor aliquet viverra. Fusce quis consequat eros, fermentum malesuada urna.
							</p>
							<p class="address">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas erat sit amet nisi mattis, sed bibendum quam ultricies. Suspendisse eget auctor quam. Aliquam sapien ante, condimentum quis ipsum quis, scelerisque porta nisl. Nulla facilisi. Maecenas non rutrum felis.
							</p>
						</div>
						<div class="content-left-share">
							<ul class="clearfix">
								<li>
									<a href="$" class="tweet">
										<i class="fa fa-twitter"></i> Tweet
									</a>
									<span class="number">128</span>
								</li>
								<li>
									<a href="#" class="like">
										<i class="fa fa-facebook"></i> Like
									</a>
									<span class="number">259</span>
								</li>
								<li>
									<a href="#" class="pinit"></a>
									<span class="number">32</span>
								</li>
							</ul>
						</div>
						<div class="content-left-comments">
							<h4>COMMENTS</h4>
							<div class="comments-content">
								<ul>
									<li>
										<div class="comments-hd">
											<a href="#">
												<img src="img/blog-img-user.jpg" height="50" width="49" />
											</a>
										</div>
										<div class="comments-dd clearfix">
											<h5><a href="#">Matt Adams</a></h5>
											<div class="time">
												<span>
													July 11 , 2013
												</span> &nbsp;/&nbsp;
												<span>
													<a href="#">Reply</a>
												</span>
											</div>
											<p>
												Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dap ibus diam.
											</p>
										</div>
									</li>
									<li>
										<div class="comments-hd">
											<a href="#">
												<img src="img/blog-img-user.jpg" height="50" width="49" />
											</a>
										</div>
										<div class="comments-dd clearfix">
											<h5><a href="#">Matt Adams</a></h5>
											<div class="time">
												<span>
													July 11 , 2013
												</span> &nbsp;/&nbsp;
												<span>
													<a href="#">Reply</a>
												</span>
											</div>
											<p>
												Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dap ibus diam.
											</p>
										</div>
									</li>
									<li>
										<div class="comments-hd">
											<a href="#">
												<img src="img/blog-img-user.jpg" height="50" width="49" />
											</a>
										</div>
										<div class="comments-dd clearfix">
											<h5><a href="#">Matt Adams</a></h5>
											<div class="time">
												<span>
													July 11 , 2013
												</span> &nbsp;/&nbsp;
												<span>
													<a href="#">Reply</a>
												</span>
											</div>
											<p>
												Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dap ibus diam.
											</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="content-left-leave">
							<h4>LEAVE A COMMENT</h4>
							<div class="leave-comment">
								<form action="">
									<div class="information clearfix">
										<input type="text" name="" id="" value="" />
										<div>
											<h5>NAME<span>*</span></h5>
											<p>Your full name please.</p>
										</div>
									</div>
									<div class="information clearfix">
										<input type="text" name="" id="" value="" />
										<div>
											<h5>EMAIL ADDRESS<span>*</span></h5>
											<p>Used for gravatar.</p>
										</div>
									</div>
									<div class="information clearfix">
										<input type="text" name="" id="" value="" />
										<div>
											<h5>WEBSITE<span>*</span></h5>
											<p>Link back if you want.</p>
										</div>
									</div>
									<textarea></textarea>
									<input type="button" name="" id="" value="SNED MESSAGE" />
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="container-content-right clearfix wow slideInRight animated" data-wow-duration="1s" data-wow-delay="0.4s">
					<div class="contact">
						<h4>POPULAR POSTS</h4>
						<ul>
							<li>
								<a href="#">New Premium WordPress Theme - Blaco</a>
							</li>
							<li>
								<a href="#">Top Web Trends of 2013</a>
							</li>
							<li>
								<a href="#">Video Post Example</a>
							</li>
							<li>
								<a href="#">How Important is Twitter</a>
							</li>
							<li class="active">
								<a href="#">Home Builders New Planning Solution</a>
							</li>
						</ul>
					</div>
					<div class="contact">
						<h4>BLOG CATEGORIES</h4>
						<p>
							<a href="#">
								News (
								<span>4</span> )
							</a>
						</p>
						<p>
							<a href="#">
								Website Releases (
								<span>23</span> )
							</a>
						</p>
						<p>
							<a href="#">
								Events (
								<span>7</span> )
							</a>
						</p>
						<p>
							<a href="#">
								Marketing (
								<span>5</span> )
							</a>
						</p>
						<p>
							<a href="#">
								Web Development (
								<span>2</span> )
							</a>
						</p>
					</div>
					<div class="contact">
						<h4>ARCHIVES</h4>
						<p>
							<a href="#">
								March (
								<span>4</span> )
							</a>
						</p>
						<p>
							<a href="#">
								April (
								<span>23</span> )
							</a>
						</p>
						<p>
							<a href="#">
								May (
								<span>7</span> )
							</a>
						</p>
						<p>
							<a href="#">
								June (
								<span>5</span> )
							</a>
						</p>
						<p>
							<a href="#">
								July (
								<span>2</span> )
							</a>
						</p>
					</div>
				</div>
			</div>
		</section>
		<div class="fixbox">
			<div class="retop" id="reTop">
				<a><i class="fa fa-arrow-circle-up"></i></a>
			</div>
			<div class="rehome">
				<a href="index-Home.html"><i class="fa fa-bookmark-o"></i></a>
			</div>
		</div>
		<!--公共footer-->
		<footer class="Del-common-footer">
			<section class="footer-section wow fadeInUp animated " data-wow-duration="0.5s" data-wow-delay="0.2s">
				<div class="section-list clearfix">
					<aside class="item-group item-group-left">
						<div class="group-box">
							<div class="top-logo-img">
								<img src="img/logo2.png" />
							</div>
							<ul class="top-list clearfix">
								<li class="list-item list-rss">
									<a href=""><i class="fa fa-rss"></i></a>
								</li>
								<li class="list-item list-f">
									<a href=""><i class="fa fa-facebook-f"></i></a>
								</li>
								<li class="list-item list-twitter">
									<a href=""><i class="fa fa-twitter"></i></a>
								</li>
							</ul>
						</div>
						<p class="span-article">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida quam quis nunc rutrum placerat. Proin eu mi vitae neque veh interdum id nec turpis nam auctor faucibus sollicitudin.</p>
					</aside>
					<aside class="item-group item-group-center mg-l1">
						<dl>
							<dt>CONTACT INFO</dt>
							<dd>
								<a href="#">222 Ave C South</a>
							</dd>
							<dd>
								<a href="#">Saskatoon, Saskatchewan</a>
							</dd>
							<dd>
								<a href="#">Canada S7K 2N5</a>
							</dd>
							<dd class="Email">
								<a href="#">info@deliver.ca</a>
							</dd>
							<dd class="id-num">
								<a href="#">1.306.222.3456</a>
							</dd>
						</dl>
					</aside>
					<aside class="item-group item-group-center mg-l2">
						<dl class="center-dl-r">
							<dt>QUICK LINKS</dt>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Portfolio</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>About</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Archive</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Blog</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Bropdown</a>
							</dd>
							<dd>
								<a href="#"><i class="fa fa-chevron-right"></i>Contact Us</a>
							</dd>
						</dl>
					</aside>
					<aside class="item-group item-group-right">
						<dl>
							<dt>NEWSLETTER</dt>
							<dd><span>Lorem ipsum dolor sit amet dolor consectetur adipiscing elit. </span></dd>
							<dd><input class="Email" type="text" value="Email" />
								<a href="#"><input class="button" type="button" value="OK" /></a>
							</dd>
						</dl>
					</aside>
				</div>
				<div class="section-bottom clearfix">
					<p class="p-left">COPYRIGHT 2013 <span>DELIVER</span>. ALL RIGHTS RESERVED.</p>
					<p class="p-right">ABOUT / PRIVACY POLICY / CONTACT</p>
				</div>
			</section>
		</footer>
		<script src="js/core.js"></script>
		<script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
		<script src="vendor/jquery.animsition.min.js"></script>
		<script>
			$(document).ready(function() {
				Show.show();
				common.close();
				common.bar();
				InputFocus.focused();
				common.search();
				Services.topp();

				var wow = new WOW({
					boxClass: 'wow',
					animateClass: 'animated',
					offset: 0,
					mobile: true,
					live: true
				});
				if(!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
					new WOW().init();
				}
				$(".animsition").animsition({
					inClass: 'fade-in',
					outClass: 'fade-out',
					inDuration: 1200,
					outDuration: 500,
					linkElement: '.animsition-link',
					// e.g. linkElement   :   'a:not([target="_blank"]):not([href^=#])'
					loading: true,
					loadingParentElement: 'body', //animsition wrapper element
					loadingClass: 'animsition-loading',
					unSupportCss: ['animation-duration',
						'-webkit-animation-duration',
						'-o-animation-duration'
					],
					//"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
					//The default setting is to disable the "animsition" in a browser that does not support "animation-duration".

					overlay: false,

					overlayClass: 'animsition-overlay-slide',
					overlayParentElement: 'body'
				});

			});
		</script>
	</body>

</html>